<div class="my-courses" id="my-courses">

    <header class="wrapper-header-courses">
        <h2 class="header-courses">My Courses</h2>
    </header>

    <h2 class="hd hd-2 sr" id="courses-tab">My Courses</h2>

    <ul class="listing-courses">

        <li class="course-item">

            <div class="course-container">
                <article class="course">

                    <section class="details" aria-labelledby="details-heading-cs181">
                        <h2 class="hd hd-2 sr" id="details-heading-cs181">Course details</h2>

                        <div class="wrapper-course-details">

                            <div class="wrapper-course-actions">
                                <div class="course-actions">
                                    <a href="/courses/course-v1:uog+cs181+2017_LT/info" class="enter-course archived"
                                       data-course-key="course-v1:uog+cs181+2017_LT">View Archived Course<span
                                            class="sr">&nbsp;Accounting for Decision-Making</span></a>

                                    <a data-tooltip="Share on Facebook" class="action action-facebook"
                                       title="Share on Facebook"
                                       data-course-id="course-v1:uog+cs181+2017_LT">
                                        <span class="sr">Facebook</span>
                                        <span class="fa fa-facebook" aria-hidden="true"></span>
                                    </a>

                                    <a data-tooltip="Share on Twitter" class="action action-twitter"
                                       title="Share on Twitter"
                                       data-course-id="course-v1:uog+cs181+2017_LT">
                                        <span class="sr">Twitter</span>
                                        <span class="fa fa-twitter" aria-hidden="true"></span>
                                    </a>

                                </div>
                            </div>
                        </div>
                    </section>
                    <footer class="wrapper-messages-primary"> </footer>
                </article>
            </div>
        </li>

        <li class="course-item">

            <div class="course-container">
                <article class="course">

                    <section class="details" aria-labelledby="details-heading-DemoX">
                        <h2 class="hd hd-2 sr" id="details-heading-DemoX">Course details</h2>

                        <div class="wrapper-course-details">

                            <div class="wrapper-course-actions">
                                <div class="course-actions">

                                    <a href="/courses/course-v1:edX+DemoX+Demo_Course/info" class="enter-course"
                                       data-course-key="course-v1:edX+DemoX+Demo_Course">View Course<span class="sr">&nbsp;edX Demonstration Course</span></a>

                                    <a data-tooltip="Share on Facebook" class="action action-facebook"
                                       title="Share on Facebook"
                                       data-course-id="course-v1:edX+DemoX+Demo_Course">
                                        <span class="sr">Facebook</span>
                                        <span class="fa fa-facebook" aria-hidden="true"></span>
                                    </a>

                                    <a data-tooltip="Share on Twitter" class="action action-twitter"
                                       title="Share on Twitter"
                                       data-course-id="course-v1:edX+DemoX+Demo_Course">
                                        <span class="sr">Twitter</span>
                                        <span class="fa fa-twitter" aria-hidden="true"></span>
                                    </a>

                                </div>
                            </div>
                        </div>
                    </section>
                    <footer class="wrapper-messages-primary"> </footer>
                </article>
            </div>
        </li>

    </ul>

</div>
